/*.top {*/
/*    border-bottom: 5px solid blue;*/
/*    border-top: 10px solid red;*/
/*    padding: 25px 50px 75px 100px;*/
/*!*    自动对齐的快捷键*!*/
/*}*/
* {
    margin: 0;
}

body {
    display: flex;
    justify-content: center;
}

/*子代选择器*/
body > div {
    /*border: 1px solid red;*/
    width: 1000px;
}

.top {
    background-image: url("../img/banner_qtah.jpg");
    background-size: 100% 100%;
    width: 1000px;
    /*按照正常情况下思路应该是高宽等比例缩放*/
    height: 550px;
    /*height: calc(808 * 1000px / 1920);*/
    color: white;
}

/*分组选择器*/
.top, .middle, .foot {
    /*border: 1px solid blue;*/
}

.top > div {
    display: flex;
    justify-content: center;
}

.top > div > div {
    /*border: 1px solid red;*/
    width: 900px;
}

.top > div:nth-child(1) > div {
    display: flex;
    justify-content: space-between;
}

.logo {
    width: 204px;
    height: 141px;
}

.logo img {
    width: 100%;
    height: 100%;
}

.phone {
    display: flex;
    align-items: center;
}

/*----------------------nav---------------------------*/
.nav {
    background-color: rgb(230, 145, 55);
    height: 50px;
}

.nav > div {
    display: flex;
    align-items: center;

}

.nav > div > div {
    /*margin: 0 20px;*/
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
}

.nav > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    cursor: pointer;
}

/*-------------------ad-------------------------*/
.ad > div > div:nth-child(1) {
    padding: 30px 0 0 0;
    font-size: 40px;
    display: flex;
}

.ad > div > div:nth-child(1) > div:nth-child(2) {
    margin: 0 20px;
}

.ad > div > div:nth-child(2) > div {
    font-size: 10px;
    /*margin: 5px 0;*/
    line-height: 20px;
}

.ad > div > div:nth-child(3) {
    font-size: 35px;
    color: rgb(230, 145, 55);
}

.ad > div > div:nth-child(3) > div:nth-child(1) {
    display: flex;
    align-items: flex-end;
}

/*.ad > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) {*/
/*    color: white;*/
/*    font-size: 20px;*/
/*}*/

/*.ad > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) {*/
/*    color: white;*/
/*    font-size: 20px;*/
/*    margin: 0 0 0 20px;*/
/*}*/
.ad > div > div:nth-child(3) > div:nth-child(2) {
    /*margin: 0 0 0 40px;*/
    /*相对于当前字符缩进2个字符*/
    text-indent: 1.5em;
}

pw {
    color: white;
    font-size: 20px;
}

sh {
    margin-right: 1em;
}

/*-----------------公共部分的css------------*/

.middle {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.middle > div {
    width: 900px;

}

.title {
    color: rgb(230, 145, 55);
    font-size: 30px;
    padding: 10px;
}

/*对内容进行下边框和内边距*/
.content-padding {
    border-top: 1px solid gray;
    padding: 10px;

}

/*单行溢出*/
.single-over {
    /*不换行*/
    white-space: nowrap;
    /*多余的隐藏*/
    overflow: hidden;
    /*   文字超过以。。。代替  */
    text-overflow: ellipsis;
}

/*多行溢出*/
.many-over {
    display: -webkit-box;
    -webkit-line-clamp: 3; /*让他显示两行*/
    -webkit-box-orient: vertical;
    word-break: break-all; /* 允许在单词内换行。*/
    overflow: hidden;

}

.title-font {
    /*font-family: 新宋体;*/
    font-family: 黑体;
    font-weight: bold;
}

.content-font {
    color: gray;
    font-size: 10px;
    line-height: 20px;
}
